<!DOCTYPE html>
<html lang="zh-cmn-Hans" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>404 Not Found</title>
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<style type="text/css" rel="stylesheet">
body {
	margin: 0
}

* {
	box-sizing: border-box
}

h1, h2 {
	margin: 0
}

a {
	color: #fff;
	text-decoration: none
}

body, html {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI,
		Roboto, Helvetica Neue, Arial, sans-serif
}

.fullscreen {
	background-position: 50% 50%;
	background-size: cover
}

.fullscreen, .fullscreen .backColor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.fullscreen .backColor {
	background-color: rgba(0, 0, 0, .1)
}

.infos {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center
}

.infos, .main-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff
}

.main-content {
	background: #833ab4;
	background: -webkit-linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
	background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
}

.errorPage {
	position: relative;
	width: 100vw;
	height: 100vh
}

.infos-h1 {
	margin: 0;
	font-size: 5em;
	line-height: 1
}

.infos-h1 h1 {
	font-weight: 200
}

.footer {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	left: 1rem;
	z-index: 9999;
	font-size: 14px
}

.infos-h2 {
	font-size: 24px
}

.infos-h2 a:hover {
	color: #7a8d85
}
</style>
<body>
	<div class="container">
		<div class="errorPage">
			<div class="main-content ">
				<div class="fullscreen">
					<div class="backColor"></div>
				</div>
				<div class="infos">
					<div class="infos-main">
						<div class="infos-h1">
							<h1>404</h1>
						</div>
						<div class="infos-h2">
							<a href="javascript:window.history.back()" title="返回上一页"> <i
								class="fa fa-chevron-left"></i>
							</a> <a href="/" title="返回到主页"> <i class="fa fa-home"></i>
							</a>
						</div>
					</div>
				</div>
				<div class="footer">
					<span>Copyright © 2018</span> <a th:href="${options['blog_url']}" th:text="${options['blog_name']}"></a>
					<span style="float: right"> Background image from <a
						href="https://cn.bing.com/" target="_blank">Bing</a>.
					</span>
				</div>
			</div>
		</div>
	</div>
	<script>
	eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('$.o(\'m://q.8.n/?1=4%y%z%B.5.9%d.e%f%g%h%i%j%k\',l(b){6 a=b.p[0].1;6 c=$(\'.r\');c.t("u-v","1(4://s.w.5.x"+a+")");c.2(\'3 A\');$(\'.7-C\').2(\'3 D\');$(\'.7-E\').2(\'3 F\')});',42,42,'|url|addClass|animated|http|bing|var|infos|afeld|com||||2FHPImageArchive|aspx|3Fformat|3Djs|26idx|3D0|26n|3D1|function|https|me|get|images|jsonp|fullscreen||css|background|image|cn|net|3A|2F|fadeIn|2Fcn|h1|shake|h2|fadeInDown'.split('|'),0,{}))
</script>
</body>
</html>